<template>
  <div class="warp">
    <div class="header"></div>
    <div class="title">租房信息</div>
    <div class="main-list">
      <div class="main-item">
        <div class="main-item-lable">房屋座落</div>
        <input class="main-item-input" type="text" />
      </div>
      <div class="main-item">
        <div class="main-item-lable">建筑面积</div>
        <input class="main-item-input" type="text" />
      </div>
      <div class="main-item">
        <div class="main-item-lable">租赁时间</div>
        <input class="main-item-input" type="text" />
      </div>
      <div class="main-item">
        <div class="main-item-lable">产权人</div>
        <input class="main-item-input" type="text" />
      </div>
    </div>
    <div class="main-add-list">
      <van-icon name="add-o" size="20" />
      <span>增加租房信息</span>
    </div>
    <div class="title">无房承诺</div>
    <div class="main-promise">
      <div class="main-promise-title">本人及全体共同申请人承诺在柳州市区范围内名下</div>
      <div class="main-promise-input">
        <input type="text" />
        <span>填：无自有住房</span>
      </div>
    </div>
    <div class="title">申请家庭收入类别</div>
    <div class="main-income">
      <van-radio-group v-model="radio">
        <van-radio name="1">低于市统计部门公布的上年度城镇居民人均可支配收入的（一）5倍</van-radio>
        <van-radio name="2">人均年收入低于或者等于市统计部门公布的上年度城镇居民人均可支配收入</van-radio>
      </van-radio-group>
    </div>
    <div class="footer">
      <div class="footer-btn footer-btn-left" @click="prevClick">上一步</div>
      <div class="footer-btn footer-btn-right" @click="saveForm">提交申请</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'rentInfo',
  data () {
    return {
      radio: ''
    }
  },
  methods: {
    prevClick () {
      this.$router.go(-1)
    },
    saveForm () {
      this.$toast('提交申请')
    }
  }
}
</script>

<style lang="stylus" scoped></style>
